<!DOCTYPE html>
<html lang="en">
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="./bootstrap/2.3.2/tw/css/bootstrap.css">
<link href="./build/css/messenger.css">
<link href="build/css/messenger-theme-future.css" rel="stylesheet">
<script src="./build/js/jquery.min.js"></script>
<script src="./build/js/messenger.min.js"></script>
<script src="./build/js/messenger-theme-future.js"></script>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
    .dome{
        position: fixed;
        width: 30%;
        height: 20%;
        background-color: #9d261d;
    }
    </style>
</head>
<button id="button" value="点击消失">点击消失</button>
<div class="dome"></div>
<body>
</body>
</html>
<script type="text/javascript">
       var su= {"info": "OK", "stat": "True", "taskid": 14, "task_name": "asd"}
       console.log(su["info"])
       Messenger().post("Your request has succeded!");
        Messenger().post({
            message: "我是成功消息!!",
            type: "success ",
            id:"biasohi",
            hideAfter:1,
            showCloseButton: true,
            parentLocations:'.demo',
            extraClasses:"messenger-fixed messenger-on-right"
        })
       var msg;

       Messenger().post({
           message: "Weeeeee",
           hideAfter: 1,
           hideOnNavigate: true
       });
       $("#button").click(function(){
           alert("ok")
           Messenger().hideAll("biasohi");
       })
</script>